<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,
            maximum-scale=1,
            minimum-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="./assest/style/reset.css" />
    <link rel="stylesheet" href="./assest/style/font/iconfont.css" />
    <link rel="stylesheet" href="./assest/style/common.css" />
    <link rel="stylesheet" href="./assest/style/target.css" />
    <title>目的地</title>
  </head>

  <body>
    <div class="target-index" id="app">
      <nav class="flex jc-sa aic tabs bg-fff">
        <a
          href="./target-fangyuan.html"
          class="fcc"
          :class="{active: activeIndex===1}"
          >小区房源</a
        >
        <a
          href="./target-pinglun.html"
          class="fcc"
          :class="{active: activeIndex===2}"
          >评论</a
        >
        <a
          href="./target-wanle.html"
          class="fcc"
          :class="{active: activeIndex===3}"
          >周边玩乐</a
        >
        <a
          href="./target-jieshao.html"
          class="fcc"
          :class="{active: activeIndex===4}"
          >小区介绍</a
        >
      </nav>

      <div class="house-list-comment">
        <ul class="list">
          <li v-for="item in list" class="bg-fff item pl-15 pr-15 pb-20 mt-5">
            <div class="flex head jc-sb aic">
              <div class="flex jc-sb aic">
                <img
                  :src="`./assest/img/${item.headImgUrl}`"
                  alt=""
                />
                <span class="ml-5">136****0601</span>
              </div>
              <span class="f999">2019-01-30</span>
            </div>
            <p class="lh15">{{item.detail}}</p>
            <div class="img-box mt-10 flex">
              <img style="margin: 0 5px;" v-for="img in item.images" :src="'./assest/img/'+img" alt="" /> 
            </div>
          </li>
        </ul>
      </div>
    </div>

    <script src="./js/axios.js"></script>
    <script src="./js/jQuery.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/vue.js"></script>
    <script>
      var vm = new Vue({
        el: "#app",
        data: {
          activeIndex: common.activeIndex,
          list: [],
        },
        created() {
          $http.get("/comment").then((res) => {
            this.list = res.data;
          });
        },
      });
    </script>
  </body>
</html>
